<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>ArtisanLuo</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@3.5.2/animate.min.css">
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    <style>
        body{
            background-image: url("Img/1 (1).png");
            font-family:sans-serif;
        }
        .jumbotron{
            background-color: transparent;
        }
        .jumbotron h2{
            font-weight: bold;
        }
        .wrapper{
            width: 80%;
            margin: 0 auto;
        }
        .jumbimg{
            width: 80%;
            border: 1px solid;
            border-radius: 5px;
            box-shadow: 0px 3px 10px;
        }
        .desc{
            margin-top: 15px;
        }
        .Scontent{
            width: 80%;
            margin: 0 auto;
        }
        body dd{
            margin-left: 40px;
        }
        .animated{
            animation-duration:3.5s;
        }
    </style>
    
</head>
<body>
    <div class="wrapper">
        <div class="jumbotron">
            <div class="container text-center">
                <h2>The founder of  Smartisan Digital Co., Ltd</h2>
                <h3>罗永浩</h3>
                <img src="Img/1 (3).jpg" class="jumbimg"/>
                <div class="animated infinite pulse desc">Better to remain silent and be thought a fool, than to speak and remove all doubt.
                </div>
            </div>
        </div>
        <div class="Scontent">
            <h4>An artisan in the era of smartphones</h4>
            <dl>
                <dt>2012.4.8</dt>
                <dd>"'楞头愣脑，欲望强烈'。我的版本。下周就要注册一个新公司开始做手机了，<br>
                    每天都活在兴奋中​​​​" 罗永浩在微博宣布做手机。
                </dd>
                <dt>2012.5.23</dt>
                <dd>锤子科技(北京)有限公司正式成立，注册资本310万。</dd>
                <dt>2013.2.21</dt>
                <dd>罗永浩在微博中透露将在下月份27号发布手机ROM,并且将其命名为Smartisan OS。</dd>
                <dt>2013.3.27</dt>
                <dd>锤子科技正式在国家会议中心发布了Smartisan OS。</dd>
                <dt>2014.5.20</dt>
                <dd>锤子科技正式发布其第一款手机：Smartisan T1。成为大陆唯一获得IF金奖的手机</dd>
                <dt>2015.8.25</dt>
                <dd>锤子科技发布一款面向年轻人的坚果手机，后续推出坚果手机文青版。</dd>
                <dt>2015.12.29</dt>
                <dd>锤子科技发布其第二款旗舰机：Smartisan T2。无断点边框<br>
                    以傲慢与偏执，回敬傲慢与偏见。
                </dd>
                <dt>2016.10.18</dt>
                <dd>锤子科技发布M系列新品手机：M1&M1L。将锤子科技挽救于倒闭的风险中。</dd>
                <dt>2017.5.9</dt>
                <dd>锤子科技发布旗下第五款新机：坚果Pro。成为锤子科技的第一匹黑马。</dd>
                <dt>2017.11.7</dt>
                <dd>锤子科技发布坚果系列第三款手机：坚果Pro2。被评为2000元档的王者。</dd>
                <dt>2018.4.9</dt>
                <dd>锤子科技发布坚果系列第四款手机：坚果3。证明千元机也值得好设计。</dd>
                <dt>2018.5.15</dt>
                <dd>锤子科技在鸟巢举办迄今为止人数最多的发布会，发布了旗下的第八款手机：R1。<br>
                    同时发布具有颠覆意义的TNT系统。此外，锤子科技出品的手机都将被称为坚果手机。
                </dd>
                <dt>2018.8.20</dt>
                <dd>锤子科技发布坚果系列第五款手机：坚果Pro2S。同时展现TNT系统的最新成果。</dd>
            </dl>
        </div>
        <footer>
            <ul>
                <li><a href="">Timeline</a></li>
                <li><a href="">Easter eggs & Feature</a></li>
                <li><a href="">Media</a></li>
            </ul>
        </footer>
    </div>
</body>
</html>